vue中手动拖拽div改变高度

您所在的位置:网站首页 vue 获取div高度 vue中手动拖拽div改变高度

vue中手动拖拽div改变高度

2024-07-16 22:34| 来源: 网络整理| 查看: 265

vue中手动拖拽div改变高度

项目的需求是可以手动拖拽底部div(红色区域),动态改变高度 在这里插入图片描述

我参考了一位网友的文章,改造适用自己的场景,但是找不到他的地址了。 核心是自定义一个指令,然后针对当前元素的鼠标事件进行坐标值得计算。

directives: { dragging(el){ let current = el; //当前元素 let targetDiv = document.getElementById('map-footer-table') current.onmousedown = function(e){ //鼠标按下 document.onmousemove = function(e){ let th = document.body.clientHeight - e.clientY - 55 if(th


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3